@charset "UTF-8";
/*公共样式*/
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:62.5%;}
*{font-family: "微软雅黑";box-sizing: border-box;-webkit-touch-callout:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-scrolling:touch;margin:0;padding:0;outline:0;font-style:normal;border:none;background:0 0}
input,label,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-family:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
body{font-family: "microsoft yahei";min-width:320px;word-wrap:break-word;line-height:1;cursor:default;-ms-content-zooming:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:400;}
dl,li,ol,ul{list-style:none;}
textarea{resize:none;overflow:auto;vertical-align:top;}
del{text-decoration:line-through;}
a,button{cursor:pointer;}
a,a:hover{text-decoration:none;-webkit-tap-highlight-color:transparent;}
a:visited{color: #2e2e2e;}
a{color: #2e2e2e;}
a:focus{outline:0;-moz-outline:none;}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:transparent;}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}
.flex-fixed{width:auto;display:block;}
.flex-auto{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.bg-fff{
    background: #fff;
}
.gray{
    background: #f6f6f6;
}
div[name="hnitMask"]{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.clearfix{
  zoom: 1;
  
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.loading{
	position: fixed;
    top: 4rem;
    width: 4rem;
    left: 50%;
    margin-left: -2rem;
}
.loading img{
	width:100%;
}
/*悬浮下载广告*/
.fixed-fill-loading{
	padding-bottom:1.867rem;
}
.fixed-fill-loading-100{
	padding-bottom:2.667rem;
}
a.download-app{
	display: block;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 5;
	height: 1.467rem;
	background: url("../images/live/live_banner_download.png") no-repeat center;
	background-size: 100%;
}
a.close-ad{
	display: block;
	width: 0.48rem;
	position: fixed;
	bottom: 0.853rem;
	right: 0.267rem;
	z-index: 6;
	height: 0.48rem;
	background: url("../images/live/live_ad_close.png") no-repeat center;
	background-size: 100%;
}
/*页尾*/
.footer-nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 1.28rem;
    font-size: 0;
}
.footer-nav div.recommend{
    width: 3.333rem;
    font-size: 0.32rem;
    display: inline-block;
    padding-top: 0.8rem;
    text-align: center;
}
.live-nav div.recommend{
    width: 5rem;
}
.footer-nav div span{
	color: #999;
}
.footer-nav div.active span{
    color: #2e2e2e;
}
.footer-nav div.recommend span{
    padding-top: 0.6rem;
    background: url(../images/footer_more_icon.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.recommend.active span{
    background: url(../images/footer_more_icon_checked.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.beans span{
    background: url(../images/footer_beans.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.beans.active span{
    background: url(../images/footer_beans_check.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.my-coupons span{
    background: url(../images/footer_coupons.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.my-coupons.active span{
    background: url(../images/footer_coupons_check.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.live span{
    background: url(../images/footer_play.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.live.active span{
    background: url(../images/footer_play_checked.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.my span{
    background: url(../images/footer_my.png) no-repeat center top;
    background-size: 0.533rem;
}
.footer-nav div.my.active span{
    background: url(../images/footer_my_checked.png) no-repeat center top;
    background-size: 0.533rem;
}
.swiper-slide img{
    width: 100%;
    height: 4.0rem;
}
.swiper-pagination{
    bottom: 0.267rem;
    right: 0.4rem;
}
.swiper-pagination-bullet{
    background: #fff;
    opacity: 0.5;
}
.swiper-pagination-bullet-active{
    background: #feda50;
}
.more-loading{
	display: block;
	width: 1rem;
	margin: 0 auto;    
	margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}
.loading-shade{
	position: fixed;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.5);
	z-index:20;
}
.loading-shade img{
	width: 4.5rem;
	display:block;
	margin:0 auto;
	margin-top:3rem;
}
.loading-change img{
    width: 1.5rem;
    position: absolute;
    top: 3.5rem;
    left: 0;
    bottom: 0;
    right: 0;
}
.end{
	    margin: 0 auto;
    font-size: 0.4rem;
    text-align: center;
}
.red{
	color: red;
}
p.sawtooth{
    width: 100%;
    height: 0.107rem;
    background:url("../images/live/live_sawtooth.png") no-repeat center;
    background-size: 100%;
}

.fl-r{
	float: right;
}
.changes{
	display: block;
    width: 5.8rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.3rem;
    text-align: right;
    overflow: hidden;
}
.fl-l{float: left;}
/*等级*/
.grade-01{
    display: inline-block;
    background: url("../images/grade/grade_01.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-02{
    display: inline-block;
    background: url("../images/grade/grade_02.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-03{
    display: inline-block;
    background: url("../images/grade/grade_03.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-04{
    display: inline-block;
    background: url("../images/grade/grade_04.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-05{
    display: inline-block;
    background: url("../images/grade/grade_05.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-06{
    display: inline-block;
    background: url("../images/grade/grade_06.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-07{
    display: inline-block;
    background: url("../images/grade/grade_07.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-08{
    display: inline-block;
    background: url("../images/grade/grade_08.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-09{
    display: inline-block;
    background: url("../images/grade/grade_09.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-10{
    display: inline-block;
    background: url("../images/grade/grade_10.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-11{
    display: inline-block;
    background: url("../images/grade/grade_11.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-12{
    display: inline-block;
    background: url("../images/grade/grade_12.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-13{
    display: inline-block;
    background: url("../images/grade/grade_13.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-14{
    display: inline-block;
    background: url("../images/grade/grade_14.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-15{
    display: inline-block;
    background: url("../images/grade/grade_15.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-16{
    display: inline-block;;
    background: url("../images/grade/grade_16.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-17{
    display: inline-block;
    background: url("../images/grade/grade_17.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-18{
    display: inline-block;
    background: url("../images/grade/grade_18.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-19{
    display: inline-block;
    background: url("../images/grade/grade_19.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-20{
    display: inline-block;
    background: url("../images/grade/grade_20.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-21{
    display: inline-block;
    background: url("../images/grade/grade_21.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-22{
    display: inline-block;
    background: url("../images/grade/grade_22.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-23{
    display: inline-block;
    background: url("../images/grade/grade_23.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-24{
    display: inline-block;
    background: url("../images/grade/grade_24.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-25{
    display: inline-block;
    background: url("../images/grade/grade_25.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-26{
    display: inline-block;
    background: url("../images/grade/grade_26.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-27{
    display: inline-block;
    background: url("../images/grade/grade_27.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-28{
    display: inline-block;
    background: url("../images/grade/grade_28.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-29{
    display: inline-block;
    background: url("../images/grade/grade_29.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-30{
    display: inline-block;
    background: url("../images/grade/grade_30.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-30{
    display: inline-block;
    background: url("../images/grade/grade_30.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-31{
    display: inline-block;
    background: url("../images/grade/grade_31.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-32{
    display: inline-block;
    background: url("../images/grade/grade_32.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-33{
    display: inline-block;
    background: url("../images/grade/grade_33.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-34{
    display: inline-block;
    background: url("../images/grade/grade_34.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-35{
    display: inline-block;
    background: url("../images/grade/grade_35.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-36{
    display: inline-block;
    background: url("../images/grade/grade_36.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-37{
    display: inline-block;
    background: url("../images/grade/grade_37.png") no-repeat center;
    background-size: 1.1rem;
}
.grade-38{
    display: inline-block;
    background: url("../images/grade/grade_38.png") no-repeat center;
    background-size: 1.1rem;
}
.iconempty img{
	display: block;
    margin: 0 auto;
    padding-top: 3rem;
}
.iconempty p{
	margin-top: 1rem;
    font-size: 0.4rem;
    text-align: center;
    color: #8b8b8b;
}